@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0 ;}
html{ -webkit-text-size-adjust:none;/*只针对低版本谷歌*/}
body{font-size:12px; color:#666; _overflow:hidden; overflow-x:hidden;  background:#424242;width: 100%;  *cursor: default;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{ font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal; line-height:1.5;}
li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
.scale img{transition: .5s transform;transform: translateZ(0);}
.scale:hover img{transform: scale(1.1, 1.1);transition:1s transform;}
/*-------将特定标签设成块---------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
/*-------给a加时间过渡、清除默认样式---------*/
a{ outline:none; cursor:pointer; text-decoration:none; color:#666; transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s;}
a:active, a:hover { text-decoration:none}
a, area, a:active{ blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
/*在浏览器拖动鼠标颜色*/
::selection { color: #fff; background-color: #000;}    
::-moz-selection { color: #fff; background-color: #000;} 
/*更改浏览器滚动条颜色兼容*/
html,body{ 
/*更改ie内核滚动条颜色*/
	scrollbar-face-color:#000; 
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#000; 
	scrollbar-3dlight-color:#000; 
	scrollbar-arrow-color:#222; 
	scrollbar-track-color:#222; 
	scrollbar-darkshadow-color:#000; 
}  
/*更改-webkit-内核滚动条样式*/
::-webkit-scrollbar { width:8px;  height: 8px; background-color: #fcfcfc;}  
::-webkit-scrollbar-track  { border-radius: 10px; background-color: #fcfcfc;}  
::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #211F1F; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
/*清除默认样式*/
blockquote, q{ quotes: none;}
blockquote:before, 
blockquote:after, 
q:before,
q:after { content: ''; content: none;}
/*-------表单居中、清理描边---------*/
input, button, select, textarea{ outline:none}
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
/*----- 表格重置-----*/
table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption { display:none;}
/*----- clearfix-----*/
.clearfix{ *zoom:1;}
.clearfix:before,
.clearfix:after{ display:table; content:''; line-height:0;}
.clearfix:after{ clear:both;}
/*-----display-----*/
.clear{ clear:both;}
.disno{ display:none;}
.disbk{ display:block;}
.distb{ display:table;}
.fl{ float:left;}
.fr{ float:right;}
/*-----针对webkit的hack写法-----*/
@media screen and (-webkit-min-device-pixel-ratio:0){}

/*-----bgcolor-----*/
.bg-ebebeb{ background:#ebebeb !important;}
.bg-f5f5f5{ background-color:#f5f5f5;}
.bg-fafafa{ background-color:#fafafa!important;}
.bg-fcfcfc{ background-color:#fcfcfc!important;}
.bg-f9f9f9{ background-color:#f9f9f9!important;}
/*-----margin padding-----*/
.p-d-10{ padding:10px 0;}
.p-20{ padding:20px 0;}
.p-40{ padding:40px 0;}
.p-60{ padding:60px 0;}
.m-t-10{ margin-top:10px;}
.m-t-20{ margin-top:20px;}
.m-t-40{ margin-top:40px;}

.bottom_line{padding:0 15px;border-bottom:1px #666666 solid;}

/*---- font size-----*/
.title-h2{ display:block; padding-bottom:10px;font-size:36px; color:#141414; border-bottom:0px #cccccc solid;}
.title-card{ display:block; padding-bottom:5px;font-size:30px; color:#141414; border-bottom:0px #cccccc solid;}
.f12{ font-size:12px!important;}
.f16{font-size:16px!important;}
.f18{ font-size:18px; line-height:1.5;}
.f1811{ font-size:18px; line-height:1.5; font-weight:bold;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f36{font-size:36px;}
.f48{font-size:48px !important;}

/*---- font color-----*/
.fc-blue{ color:#326ad0;}
.fc-white{ color:#ffffff;}
.fc-blue2{ color:#1961e6;}
.fc-fff{ color:#ffffff;}
.fc-green{color:#10ac41;}
.fc-666{color:#666;}
/*---- font-----*/
.impact{ font:72px 'Impact'; color:rgba(25,97,230,.1);}
/*---- btn  -----*/
.btn-a{padding:0 30px;font-size:14px; color:#999999; border-radius:6px; height:35px; border:1px #dcdcdc solid; line-height:35px;}
.btn-a:hover{border:1px #1961e6 solid; color:#1961e6;}
.btn-a1{ display:inline-block;padding:0 30px;font-size:14px; color:#fff; border-radius:6px; height:35px; border:1px #fff solid; line-height:35px;}
.btn-a1:hover{border:1px #1961e6 solid; color:#1961e6;}

/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/******************************************************************common/////**********************************************************************/
.mainTop{ position: relative; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; z-index: 99;}
.wrap{ position: relative; margin:0 auto;width:1500px; background:#FFF}

.w-1300{ display:block; width:1300px; margin:0 auto}
.w-900{ display:block; width:900px;}
.w-910{ display:block; width:910px; margin:0 auto; overflow:hidden}
.w-600{ display:block; width:600px;}

header{ 
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;
	opacity:1;
	-webkit-transition-property:background-color,box-shadow;
	transition-property:background-color,box-shadow;
	-webkit-transition-duration:.4s;
	transition-duration:.4s;
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease;
}
.scrolled {
	/*background-color:#f0f0f0;
	box-shadow:0 2px 8px rgba(0,0,0,.05);
	-webkit-transition-delay:0s;
	transition-delay:0s*/
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
header .logo{ margin-left:50px; margin-top:10px;}
header .header_tel{ margin-top:15px; margin-right:50px;background:url(../images/icon-tel.jpg) left center no-repeat; padding-left:60px; font-size:14px; color:#3e7ad5;}
header .header_tel em{ display:block;font-size:18px; font-weight:bolder}
header nav{ margin-left:250px;}
header nav ul li{display:inline-block; padding:10px 25px; line-height:50px;}
header nav ul li a.s1{position:relative; display:inline-block;font-size:16px; color:#000;line-height:50px;}
header nav ul li a.s1:after{
	content:'';
	display:block;
	width:0;
	height:1px;
	background-color:#000;
	position:absolute;
	bottom:5px;
	left:0;
	-webkit-transition-property:width,color;
	transition-property:width,color;
	-webkit-transition-duration:.4s;
	transition-duration:.4s;
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease
}
header nav ul li a.s1:hover:after{width:100%}
header nav ul li.on a.s1:after {width:100%!important}
header nav .sub{ display:none; width:200px; margin-left:-00px; top:60px;  position:absolute; box-shadow:0 0px 6px rgba(0,0,0,.2); border-radius:4px; background:#ffffff;}
header nav .sub a{ display:block; padding:5px 0; font-size:14px; text-indent:20px;}
header nav .sub a:hover{ color:#fff; background:#3e7ad5}

/*----- banner -----*/
.banner{ position:relative;display:block; width:100%; height:600px; overflow:hidden}
.ban_h_380{height:380px !important;}
.ban_bg{ position:absolute; right:0; top:0; width:600px; height:100%; z-index:1}
.ban_bg_blue{background:rgba(25,97,230,.8);}
.ban_bg_green{background:rgba(16,172,65,.8);}

.ban_text{ margin-left:60px; margin-right:80px;color:#FFF; z-index:2;}
.ban_text p{font-size:24px; line-height:1.8;}
.ban_text h1{ display:block;margin-bottom:10px;font-size:60px;}

.ban_text2{ margin-left:50px; margin-right:140px;}
.ban_text2 h1{font-size:36px;}


footer{ display:block; background:#312e2e; width:1500px; margin:0 auto;}
footer .copyright{ display:block; padding:10px 0; border-top:1px #3c3b3b solid;font-size:14px; color:#666666; text-align:center;}
footer .footnav{margin:25px 80px 25px 80px;}
.fot_menu{ width:59%;}

.fot_menu_item {
    display: block;
    margin-bottom: 10px;
    width: 750px;
}

.fot_menu_item .items-tit {
    display: inline-block;
    float: left;
    font-size: 16px;
    width: 120px;
    color: #e5e5e5;
    text-align: right
}

.fot_menu_item .items-cont {
    display: inline-block;
    float: right;
    width: 600px;
    font-size: 14px;
    color: #999;
}

.fot_menu_item .items-cont a {
    color: #999;
    font-size: 14px;
    line-height: 1.8;
}

.fot_menu_item .items-cont .contact-us-nav {
    display: flex;
}

.fot_menu_item .items-cont .contact-us-nav .wechat-nav {
    position: relative;
}

.fot_menu_item .items-cont .contact-us-nav .contact-item {
    display: flex;
    align-items: center;
}

/* .fot_menu_item .items-cont .contact-us-nav .wechat-nav {
    position: relative;
} */
.fot_menu_item .items-cont .contact-us-nav .wechat-nav .wechat-encode {
    /* margin-top: 10px; */
    /* 设置二维码的尺寸 绝对定位 背景颜色 阴影 里面的字体大小 字的居中 隐藏 */
    position: absolute;
    width: 88px;
    height: 0px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    font-size: 14px;
    text-align: center;
    left: -39px;
    transition: height 0.5s;
    z-index: 998;
}

.fot_menu_item .items-cont .contact-us-nav .wechat-nav .nav-icon {
    /* 设置二维码块上方的小三角*/
    /* 小三角的设置方法 */
    width: 0px;
    height: 0px;
    border: solid 7px transparent;
    border-top: none;
    /* 开启绝对定位 并且水平居中 设置小三角的垂直位置 并隐藏
    隐藏去掉底边框就行 并增加底边框的过度效果*/
    /* position: absolute;
    top:32.6px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 999; */
    transition: border-bottom-color 0.5s;

}

.fot_menu_item .items-cont .contact-us-nav .wechat-nav:hover .nav-icon {
    /* 鼠标移入时小三角底边框的出现 */
    /* display: block; */
    border-bottom-color: rgba(255, 255, 255, 1);
}

.fot_menu_item .items-cont .contact-us-nav .wechat-nav:hover .wechat-encode {
    /* 设置鼠标移入二维码时的出现状态 */
    height: 88px;
}

.fot_menu_item .items-cont .contact-us-nav .wechat-encode img {
    /* 设置隐藏块二维码照片的大小 以及与下面文字的距离 */
    width: 80px;
    margin-top: 4px;
}

.fot_menu_item .items-cont .contact-us-nav .wechat-nav a .contact-us {
    width: 25px;
    padding-top: 6px;
    margin-right: 5px;
}

.fot_menu_item .items-cont .contact-us-nav .contact-item a .contact-us {
    width: 25px;
    margin-right: 5px;
}

.fot_menu_item .items-cont .contact-us-nav .contact-item a .contact-us-zhihu {
    width: 20px;
    margin-right: 5px;
}
.fot_menu_item .items-cont .contact-us-nav .contact-item a .contact-us-bilibili {
    width: 70px;
}

.fot_cont{ width:41%; display:flex;}
.fot_cont .ercode{ display:inline-block;margin-top:58px; margin-right:20px;}
.fot_cont pre{font-size:14px; color:#999999;}

.gotop{position:fixed;_position:absolute;bottom:100px;right:50px;width:65px; height:65px;display:none;}
.gotop a{display:inline-block;background:url(../images/icon-top.jpg) no-repeat; width:65px; height:65px;outline:none;}


/* ul li */
ul.round{}
ul.round li{ position:relative;margin-bottom:20px; padding-left:20px;}
ul.round li:after{ position:absolute; content:''; left:0; top:8px;width:10px; height:10px; background:#FFF; border-radius:100%;}
ul.square li{ margin-bottom:20px;background:url(../images/icon-li3.png) left 3px no-repeat; text-indent:40px; min-height:30px;}
ul.squarewh li{ margin-bottom:20px;background:url(../images/icon-li31.png) left 3px no-repeat; text-indent:40px; min-height:30px;}


/* page */
.page{ margin:50px 0;text-align:center}
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}
ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
	font-size:16px;
}

ul.pagination li a.active {
    background-color: #1961e6;
    color: white;
    border: 1px solid #1961e6;
}

ul.pagination li a:hover:not(.active) {background-color: #1961e6; color:#FFF}
/* -- lift -- */
.lift {
 margin-top:60px;
 border-top:1px #ccc solid;
 color:#999;
 padding-top:20px;
}
.lift a {
 color:#333;
 font-size:14px;
}
.lift span {
 margin-right:15px;
}